<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <!-- <link rel="icon" type="image/svg+xml" href="./public/favicon.ico" /> -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
    />
    <!-- <script>
      var coverSupport =
        "CSS" in window &&
        typeof CSS.supports === "function" &&
        (CSS.supports("top: env(a)") || CSS.supports("top: constant(a)"));
      document.write(
        '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
          (coverSupport ? ", viewport-fit=cover" : "") +
          '" />'
      );
    </script> -->
    <!-- 二维码生成 -->
    <script
      type="text/javascript"
      src="./static/adapt-pc/qrcode.min.js"
    ></script>

    <script type="text/javascript" src="./static/adapt-pc/main.js"></script>
    <title></title>
    <!--preload-links-->
    <!-- uni-app 电脑端浏览兼容样式表 -->
    <link rel="stylesheet" href="./static/adapt-pc/pc.css" />
    <!--app-context-->
  </head>
  <body>
    <div id="app"><!--app-html--></div>
    <script type="module" src="/src/main.ts"></script>
    <!-- uni-app 电脑端兼容模板容器 -->
    <uni-adapt-pc></uni-adapt-pc>
    <!-- uni-app 电脑端兼容模板 -->
    <!-- uni-app 电脑端浏览兼容脚本文件 -->
    <!-- 电脑端放置H5内容容器，helang-mobile-href 为固定标识不可修改 -->
    <script type="text/html" id="tpl-adapt-pc">
      <div class="container">
        <div class="iframe">
          <iframe src="helang-mobile-href" id="ifm"></iframe>
        </div>
        <div class="content">
          <div>
            <div style="display: flex;align-items: center;">
              <h1
                style="
        font-size: 40px;
        color: #1296db;
        text-shadow: 1px 1px 5px #1296db;
    "
              >
                /
              </h1>
              <h1 id="tpl-title"><!-- 产品名称 --></h1>
              <div class="phone-preview-btn">
                <svg
                  t="1713171389659"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="5318"
                  data-spm-anchor-id="a313x.search_index.0.i3.68ec3a81t7W7F3"
                  width="60"
                  height="60"
                >
                  <path
                    d="M164.571429 201.142857m109.714285 0l365.714286 0q109.714286 0 109.714286 109.714286l0 512q0 109.714286-109.714286 109.714286l-365.714286 0q-109.714286 0-109.714285-109.714286l0-512q0-109.714286 109.714285-109.714286Z"
                    fill="#1296db"
                    p-id="5319"
                    data-spm-anchor-id="a313x.search_index.0.i1.68ec3a81t7W7F3"
                    class="selected"
                  ></path>
                  <path
                    d="M361.142857 320a13.714286 13.714286 0 1 1 0-27.428571 13.714286 13.714286 0 0 1 0 27.428571z m54.857143-27.428571h137.142857a13.714286 13.714286 0 1 1 0 27.428571h-137.142857a13.714286 13.714286 0 1 1 0-27.428571z"
                    fill="#FFFFFF"
                    p-id="5320"
                  ></path>
                  <path
                    d="M237.714286 384h438.857143a18.285714 18.285714 0 0 1 18.285714 18.285714v603.428572a18.285714 18.285714 0 0 1-18.285714 18.285714H237.714286a18.285714 18.285714 0 0 1-18.285715-18.285714V402.285714a18.285714 18.285714 0 0 1 18.285715-18.285714z"
                    fill="#FDFFFF"
                    p-id="5321"
                  ></path>
                  <path
                    d="M368.530286 609.060571h39.387428v-39.387428h-39.387428v39.387428zM329.142857 786.285714h118.162286v-118.162285H329.142857V786.285714z m19.693714-98.468571h78.774858v78.774857h-78.774858v-78.774857z m19.693715 59.081143h39.387428v-39.387429h-39.387428v39.387429zM466.980571 530.285714v118.162286H585.142857V530.285714h-118.162286z m98.468572 98.468572h-78.774857v-78.774857h78.774857v78.774857z m0 78.756571H526.08v-39.387428h-59.081143V786.285714h19.693714v-78.774857h19.693715v19.693714H585.142857v-59.062857h-19.693714v39.369143zM329.142857 648.448h118.162286V530.285714H329.142857v118.162286z m19.693714-98.468571h78.774858v78.774857h-78.774858v-78.774857z m196.937143 19.693714h-39.405714v39.387428h39.387429v-39.387428zM565.430857 786.285714H585.142857v-39.387428h-19.693714V786.285714z m-39.387428 0h19.693714v-39.387428H526.08V786.285714z"
                    fill="#423F3D"
                    p-id="5322"
                  ></path>
                  <path
                    d="M402.285714 384l109.714286 548.571429 182.857143-54.857143V384z"
                    fill="#1296db"
                    opacity=".1"
                    p-id="5323"
                    data-spm-anchor-id="a313x.search_index.0.i2.68ec3a81t7W7F3"
                    class="selected"
                  ></path>
                </svg>
                <div class="popup-qrcode">
                  <div class="qrcode">
                    <div
                      id="tpl-qrcode-img"
                      style="display: block;width: 100%;"
                      alt="手机预览"
                    ></div>
                  </div>
                  <p>使用手机扫描二维码预览, 获得更佳体验</p>
                </div>
              </div>
            </div>

            <h3 id="tpl-desc"><!-- 产品介绍 --></h3>
            <h3 class="admin-link">
              <a id="tpl-admin-link" href="#">
                <span>进入后台管理系统</span>
                <svg
                  t="1713173400023"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="7310"
                  width="18"
                  height="18"
                >
                  <path
                    d="M391.552 809.6a26.048 26.048 0 0 1 0.128-36.8l268.8-266.368-267.648-270.08a26.048 26.048 0 0 1 36.928-36.672l284.48 287.104c0.448 0.448 0.576 0.96 0.96 1.408l0.32 0.256a25.984 25.984 0 0 1-0.128 36.736l-287.104 284.48a25.984 25.984 0 0 1-36.736-0.128z"
                    fill="#858585"
                    p-id="7311"
                  ></path>
                </svg>
              </a>
            </h3>
          </div>
          <div class="download">
            <div class="download-btn-group">
              <div id="tpl-download-apk" class="download-btn" target="_blank">
                <img
                  class="apple"
                  src="./static/adapt-pc/images/apk-download.svg"
                  alt=""
                />

                <div class="download-holver-box">
                  <div class="download-holver">
                    <p>手机扫码下载安卓版</p>
                    <div id="apk-qrcode"></div>
                    <div class="line"></div>
                    <div class="apk-package-info">
                      <span id="apk-version"> <!-- version --> </span>
                      <span id="apk-update-mark"> <!-- mark --> </span>
                      <span id="apk-update-time"> <!-- time --> </span>
                    </div>

                    <div class="pc-down-btn">
                      <a id="tpl-download-apk-link" href="#" target="_blank"
                        >直接下载APK文件</a
                      >
                    </div>
                  </div>
                </div>
              </div>
              <a class="download-btn disabled">
                <img
                  class="apple"
                  src="./static/adapt-pc/images/available-on-the-app-store.svg"
                  alt=""
                />
              </a>
              <a class="download-btn disabled" target="_blank">
                <img
                  class="android"
                  src="./static/adapt-pc/images/get-it-on-google-play.svg"
                  alt=""
                />
              </a>
            </div>
            <div class="download-qrcode">
              <img src="./static/adapt-pc/images/qrcode_mpweixin.svg" />
              <span>微信小程序暂未上线</span>
            </div>
          </div>
        </div>
      </div>
      <div id="show-path"><!-- path: 显示模拟器里的当前路径 --></div>
      <div id="preview-mode">
        <img
          src="./static/adapt-pc/images/mode_phone.svg"
          data-mode="phone"
        />
        <!-- <img src="./static/adapt-pc/images/mode_iPad.svg"  data-mode=pad"> -->
        <img
          src="./static/adapt-pc/images/mode_desktop.svg"
          data-mode="desktop"
        />
      </div>
    </script>
    <script type="text/javascript" src="./static/adapt-pc/pc.js"></script>
    <!-- built files will be auto injected -->
  </body>
</html>
